<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="btn">按钮</button>
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
		</ul>
		<script>
			//匿名函数：没有名字的函数
			//1.函数表达式定义的函数
			//var show=function(){}
			
			//2.事件触发的函数--->触发事件就会执行函数（函数执行2）
			// var btn=document.getElementById("btn");//元素--》对象
			// //console.dir(btn);
			// btn.onclick=function(){//btn对象身上的属性-》onclick , onclick身上的值是一个函数
			// 	console.log("111");
			// }
			//函数执行1----》必须调用 函数名()
		
		   //    var lis=document.getElementsByTagName("li")
			  // var i=0;//0,1,2,3
			  // for(;i<lis.length;i++){
				 //  //console.dir(lis[i]);//详细输出
				 //   lis[i].onclick=function(){
					//    console.log(i);//输出的是i变量
				 //   }
			  // }
			  // console.log(i);//3
		    
			//3. 自执行函数---》自己执行自己
			    
			   (function(a,b){
				   console.log(a,b);
			   })(10,20)
			   
			   // +function(){
			   // 	  console.log("111");
			   // }()
			   // -function(){
			   // 	  console.log("111");
			   // }()
			   // ~function(){
			   // 	  console.log("111");
			   // }()
			   // !function(){
			   // 	  console.log("111");
			   // }()
		</script>
	</body>
</html>
